@media screen and (max-width: 981px) {
  #app {
    .player-wrapper {
      width: 100%;
      height: 70px;
      flex-wrap: wrap;
      justify-content: flex-end;
      padding: 0 10px;
    }

    .playlist-mask,
    .playlist-wrapper {
      height: calc(100vh - 70px);
      height: calc(100vh - 70px - constant(safe-area-inset-bottom));
      height: calc(100vh - 70px - env(safe-area-inset-bottom));
    }

    .player-wrapper .wrapper-middle {
      width: 100%;
      height: initial;
    }

    .player-wrapper .wrapper-controller {
      height: 25px;
      position: absolute;
      bottom: 3px;
      left: 10px;
      align-items: center;
      padding: 0;
    }

    .span-pc {
      display: none;
    }

    .span-mb {
      display: block !important;
      margin-bottom: 5px;
    }

    .playlist-wrapper {
      width: 80%;
    }
  }
}